<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
  <title>node聊天室</title>
  <link rel="stylesheet" href="style.css">
  <script src="http://localhost:3000/socket.io/socket.io.js"></script>
</head>
<body>
  <div id="chatbox" class="chat-box">
    <div class="chat-head">
      <span class="chat-title">Websocket多人聊天室</span>
      <span class="rf"><span id="showusername"></span> | <a href="javascript:;" id="joinOrLeave">退出</a></span>
    </div>
    <div id="chat">
      <div id="message" class="message">
        <div id="onlinecount" class="online-count"></div>
      </div>
    </div>
    <div class="chat-bottom">
      <div class="chat-input">
        <input class="text-input" type="text" maxlength="140" placeholder="请输入聊天内容，按Enter提交" id="messageInput" name="content">
      </div>
      <div>
        <button type="button" id="mjr_send" class="send-btn">提交</button>
      </div>
    </div>
  </div>
  <!-- 点我清屏 -->
  <div id="clear-screen" class="clear-cls">清屏</div>
  <!-- 脚本 -->
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="./client.js"></script>
</body>
</html>